<template>
	<view class="box">
		<view class="envelopeWrap">
		
		<view class="envelopeCentent appointSuccess">
			<image src="../../static/image/appointSuccess.png"></image>
			<text class="appointSF">恭喜您！预约成功！</text>
			
			<view class="appointmentText">
				<view>您将享有<text style="color: #F3A500;">优先购买权</text> </view>
				<view>光伏组件开售前，我们将短信通知您购买！</view>
			</view>
		</view>
	    
		<view class="envelopeBottom" @click="jumpRed()">
		   <image src="../../static/image/redEnvelope.png"></image>
		</view>
		
		</view>
	</view>
</template>

<script>
	import api from '../../api/index.js';
	export default {
		data() {
			return {
				infos:{},//个人设置信息
				bankCardNos:'',//银行卡号截取使用
			}
		},
		onShow() {
		},
		methods: {
			// 绑定手机号跳转
			cashWithdrawal(){
				uni.navigateTo({
					 url: '/pages/myMutualHelp/cashWithdrawal'
				})
			},
			// 红包明细
			redPackets(){
				uni.navigateTo({
					 url: '/pages/myMutualHelp/redPackets'
				})
			},
			// 跳转红包
		    jumpRed(){
				uni.navigateTo({
					 url: '/pages/redPackage/redPackage'
				})
			}
		}
	}
</script>

<style>
	@import url("../myMutualHelp/redEnvelopeManagement.css");
	.appointSuccess{
		margin-top: 60rpx;
	}
	.appointSuccess .appointSF{
		font-size:30rpx!important;
		font-family:PingFang SC!important;
		font-weight:bold!important;
		color:rgba(0,0,0,1)!important;
	}
	.appointmentText{
		height:61rpx;
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
		margin-bottom: 313rpx;
		text-align: center;
		line-height: 40rpx;
	}
</style>
